{% extends 'base.html' %}
{% block title %} - Project {{project.name}}{% endblock %}
{% block js %}
<link href="/site_media/css/Title_white.css" rel="stylesheet" type="text/css" />
<link href="/site_media/css/uncle.css" rel="stylesheet" type="text/css" />
<link href="/site_media/css/Title_white.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/site_media/js/flowplayer-3.0.3.min.js"></script>
<script type="text/javascript" src="/site_media/js/project.js"></script>
{% endblock %}
{% block content %}
<div class="project">
	<div class="Headline_player">Thanks for letting us pitch on this great Job.</div>
	<table>
	<tr>
		<td>
			<table>
				<tr>
					<th class="Headline_white">Project:</th>
					<td>
						<span class="Title_Proj_name">{{project.name}}</span> 
						{% if perms.users.is_producer %}
						<input type="button" onclick="window.location.href ='/project/{{project.id}}/edit/'" value="edit" />
						<input type="button" onClick="safe_url('{{project.id}}');" value="Safe URL" />
						{% endif %}
					</td>
				</tr>
				<tr>
					<th class="Headline_white">Brand:</th>
					<td class="Title_Proj_info2" colspan="3">{{project.brand}}</td>
				</tr>
				<tr>
					<th class="Headline_white">For You:</th>
					<td class="Title_Proj_info2" colspan="3">{{project.city}}</td>
				</tr>
				<tr>
					<th class="Headline_white_small">Producer:</th>
					<td class="Title_project_info_small" colspan="3">
					<span class="text">
						{{project.creator.first_name}}, {{project.creator.last_name}}
						<a href="mailto:{{project.creator.email}}">{{project.creator.email}}</a>
					</span></td>
				</tr>
				<tr>
					<th class="Headline_white_small">Supervision:</th>
					<td class="Title_project_info_small" colspan="3"><span class="text">{{project.creator.first_name}}, {{project.creator.last_name}} ({{project.creator.username}})</span><br/></td>
					<td align="right" valign="bottom"><br/></td>
				</tr>
			</table>
		</td>
		<td>
			<table>
				<tr><td colspan="4"><strong>E-mail clients: </strong></td></tr>
				<tr>
					<td colspan="4">                        
					{% for pce in pces %}
						{{pce.title}} {{pce.name}} (<a href="mailto:{{pce.email}}">{{pce.email}}</a>) <br>						
					{% endfor %}
					</td>
				</tr>	    
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<table width="562" border="0" cellspacing="10">		
				<tr>
					<td class="text">
						<p>{{project.description}}</p>
					</td>
				</tr>    
			</table>
		</td>
		<td>
			<table width="100%" border="0" align="center" cellspacing="10" class="text">    
				<tr>
					<td colspan="2"><strong>Attachments:</strong></td>
				</tr>
			    {% for pf in attachs %}{% if not pf.hide %}
				<tr>
					<td class="Headline_white_small">
						{{pf.title}}
					</td>
					<td>&gt;
						<a href="/{{pf.url}}">
						download</a><br/>
					</td>
				</tr>
			    {% endif %}{% endfor %}
			</table>
		</td>
	</tr>	
	<tr>
		<td colspan="2">
			<div>
			<p>Videos: <hr></p>
				{% for v in videos %}{% if not v.hide %}
					<span class="viewbox">
						<a href="javascript:;play_video({{v.id}}, '{{v.url}}');">
						{% load zdy_filter %}
							<img src="/{{v.url|get_project_file_img}}" width="100px" height="100px" />
						</a> <br/>	
						{{v.title}} 
					</span>
				{% endif %}{% endfor %}
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<div>
			<p>Images: <hr></p>
				{% for v in images %}{% if not v.hide %}
					<span class="viewbox">
						<a href="javascript:;play_image({{v.id}}, '{{v.url}}');">
							<img src="/{{v.url}}" width="100px" height="100px" />
						</a> <br/>
						{{v.title}} 
					</span>
				{% endif %}{% endfor %}
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<div>
			<p>Youtubes: <hr></p>
				{% for v in youtubes %}{% if not v.hide %}
					<span class="viewbox">
						<a href="javascript:;play_youtube({{v.id}}, '{{v.url}}');">
							<img src="http://img.youtube.com/vi/{{v.url}}/1.jpg" width="100px" height="100px" />
						</a> <br/>
						{{v.title}} 
					</span>
				{% endif %}{% endfor %}
			</div>
		</td>
	</tr>
</table>
	<INPUT TYPE="button" VALUE="Back" onClick="history.go(-1);return true;">	
</div>
<div id="dialog"></div>
{% endblock %}